<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>酒店详情</title>
		<script src="__INDEX__/js/mui.min.js"></script>
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/mui.picker.min.css" />
		<link rel="stylesheet" href="__INDEX__/css/iconfont.css" />
		<link rel="stylesheet" href="__INDEX__/css/style.css" />
		<link rel="stylesheet" href="__INDEX__/css/member.css" />	
		<link rel="stylesheet" href="__INDEX__/css/index.css" />	
		<style type="text/css">
			body{background-color: #ffffff;}
			.sy_tjinfo{padding: 2% 0 0;}
			.sy_tjnam,.sy_ypt_yj{padding: 0 3%;}
			.list_pribox{background: #F6F6F6; padding-left: 3%;}
			.list_pricon{padding-left: 0; margin-bottom: 5px;}
			.sy_tjyj{float: none; padding-left: 3%;}
			.index_slider{height: 200px;}		
			.mui-content{background-color: #FFFFFF}
			.walletd{top:-12rem}
			.shoplist_box{margin-top:0px;}
		</style>
	</head>

	<body class="">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">酒店详情</h1>
		</header>
		<div class="mui-content index_con">	
			<div><img src="__INDEX__/img/hotel.jpg" /></div>
			<div style="position: relative;">
				<div class="walletd">
					<div class="shoplist_box">
						<ul class="index_sjlist" id="store_ul">
							<li><a href="#" class="clearfix" >
								<div class="index_sjimg"><img src="{$sort['thumb']|getUrl}" style='width:100px;height:80px'></div>
								<div class="index_sjinfo">
									<div class="index_spname">{$sort['store_name']}</div>
									<div class="index_spadr clearfix"><div class="index_spadr_l" style='width:100%'><span class="iconfont icon-dingwei"></span>{$sort['store_address']}</div></div>
									<div class="index_spadr clearfix"><div class="index_spadr_l" style='width:100%'><span class="iconfont icon-dianhua"></span>{$sort['store_phonenumber']}</div></div>
								</div>
							</a></li>
						</ul>
					</div>
			    	<ul class="walletlis1 clearfix">
			    		<li id="yj">
			    			<p><em style="color: #2a7bd4;" id='result'>{$start_time}</em></p>
			    			<p>入住日期</p>
			    		</li>
			    		<li id="yu">
			    			<p><em style="color: #2a7bd4;" id='result2'>{$end_time}</em></p>
			    			<p>退房日期</p>
			    		</li>
			    	</ul>
			    	<div class="time">时长<em id='live_date'>{$days}</em>天</div>
		    	</div>
			</div>
		</div>
		
		<div class="shoplist_box">
			<ul class="index_sjlist" id="store_ul">
				{volist name='$sort_list' id='vo'}
					<li><a  href="#" class="clearfix" onclick="house_list('{$vo['id']}')" class="clearfix"><div class="index_sjimg"><img src="{$vo.room_img|geturl}"></div><div class="index_sjinfo"><div class="index_spname"><span style="float: right;font-size: 12px;">￥{$vo.room_price}</span>{$vo['room_name']}</div><div class="index_spadr clearfix"><div class="index_spadr_l">剩余：{$vo['room_num']} 间</div><div class="index_spadr_r"><button class="btn-sub">预定</button></div></div></div></a></li>
				{/volist}
			</ul>
		</div>
		
		
	</body>

</html>

<script src="__INDEX__/js/jquery.js"></script>
<script>
	function house_list(id){
		start_time = $('#result').text();
		end_time = $('#result2').text();
		window.location.href="/index/index/room_pre?start_time="+start_time+'&end_time='+end_time+'&id='+id;
	}
</script>

